<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>链家</title>
    <link rel="shortcut icon" href="https://su.lianjia.com/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./style/home.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2463866_tua9m70zz4n.css">
</head>
<style>
    
</style>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="center">
            <div class="nav">
                <div class="left"></div>
                <span><i></i>苏州</span>
                <div class="right">
                    <div class="enrol"><i class="iconfont icon-subscriber-square" style="color: #ffffff;"></i><span style="width: 80px;">登录 立即注册</span></div>
                  <ul>
                    <li>二手房</li>
                    <li>新房</li>
                    <li>租房</li>
                    <li>海外</li>
                    <li>商业办公</li>
                    <li>小区</li>
                    <li>经纪人</li>
                    <li>指南</li>
                    <li>房价</li>
                    <li>工具</li>
                    <li>发布房源</li>
                  </ul>
                </div>
            </div>
        <div class="logo"></div>
        <div class="logo_bottom">苏州链家在售新房楼盘<p>753</p>套</div>
        <div class="search">
            <ul>
                <li>找二手房</li>
                <li>找新房</li>
                <li>找租房</li>
                <li>找小区</li>
                <li>搜问答</li>
            </ul>
            <div class="putSearch">
                <input type="text" placeholder="请输入区域、商圈或小区名开始找房">  
                <a href="#"><i></i>地图</a>
            </div>
            <input type="submit" value="开始找房">
        </div>
        <div class="copyright">
            <div><img src="https://image1.ljcdn.com/materials/list/2016-08-17/php3X11MP.png" alt="#">关于仿冒我公司进行不正当竞争行为的郑重声明</div>
                    <div><img src="https://image1.ljcdn.com/materials/list/2016-06-29/phpAPdvEm.png" alt="#">房地产中介诚信服务承诺及保证书</div>

        </div>
        </div>
    </div>
    <!-- 描述 -->
    <div class="desc">
        <div class="center">
            <div class="desc_left">
                <div class="logo"></div>
                    <p>集二手、新房、租房功能于一体，随时随地任性找房。IM匿名咨询让您放<br/>心，消息动态推送让您省心，服务承诺让您安心，数据百科锦囊让您感受贴心<br/>漫漫找房路，我们努力为您想更多。</p>
                    <div class="download">
                        <div class="iphone"></div>
                        <div class="Android"></div>
                        <div class="Qrcode"></div>
                    </div>
            </div>
        </div>
    </div>

    <div class="article">
        <div class="center">
            <div class="wrap">
                <div class="top">
                    <div class="top_p"></div>
                    <p>好房源那么多，我们为你精选，链家网会越来越懂你<a href="#" style="color: black;font-size: 14px;">更多苏州二手房</a></p>
                </div>
                <div class="box_cont">
                    <ul>
                        <li>
                            <i></i>
                            <img src="./images/2.jpg" alt="">
                            <p class="position">工业园区·独墅湖高教区</p>
                            <p class="position">月亮湾3号美颂花园三期</p>
                            <p class="little">
                                <span>3室2厅·146.35平米</span>
                                <span>760万</span>
                            </p>
                        </li>
                        <li><i></i>
                            <img src="./images/3.jpg" alt="">
                            <p class="position">工业园区·湖西CBD</p>
                            <p class="position">中茵皇冠国际</p>
                            <p class="little">
                                <span>6室2厅·280.4平米</span>
                                <span>1295万</span>
                            </p>
                        </li>
                        <li><i></i>
                            <img src="./images/4.jpg" alt="">
                            <p class="position">姑苏·胥江</p>
                            <p class="position">胥虹苑</p>
                            <p class="little">
                                <span>3室2厅·95.9平米</span>
                                <span>243万</span>
                            </p>
                        </li>
                        <li><i></i>
                            <img src="./images/5.jpg" alt="">
                            <p class="position">工业园区·青剑湖</p>
                            <p class="position">中心森林湖香樟园</p>
                            <p class="little">
                                <span>4室2厅·340.78平米</span>
                                <span>1400万</span>
                            </p>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 右侧导航 -->
    <div class="right_nav">
        <ul style="height: 400px;position: absolute;top: calc(50% - 200px);margin-top: 40px;">
            <li style="list-style: none; height: 30px;width: 40px;text-align: center;margin-top: 20px;"><span class="iconfont icon-aixin" style="font-size: 20px;"></span></li>
            <li style="list-style: none; height: 30px;width: 40px;text-align: center;margin-top: 20px;"><span class="iconfont icon-tuya_huabanfuben" style="font-size: 20px;"></span></li>
            <li style="list-style: none; height: 30px;width: 40px;text-align: center;margin-top: 20px;"><span class="iconfont icon-fangzi" style="font-size: 20px;"></span></li>
            <li style="list-style: none; height: 30px;width: 40px;text-align: center;margin-top: 20px;"><span class="iconfont icon-gongju" style="font-size: 20px;"></span></li>
            <li style="list-style: none; height: 30px;width: 40px;text-align: center;margin-top: 20px;"><span class="iconfont icon-weibiaoti--" style="font-size: 20px;"></span></li>
            <li style="list-style: none; height: 30px;width: 40px;text-align: center;margin-top: 20px;"><span class="iconfont icon-hanhan-01-01" style="font-size: 20px;" ></span></li>
            <li style="list-style: none; height: 30px;width: 40px;text-align: center;margin-top: 20px;"><span class="iconfont icon-kefuhdpi" style="font-size: 20px;"></span></li>
           
        </ul>
    </div>
    <!-- 在线咨询 -->
    <div class="right_bottom">
        <span></span>
        <span>在线咨询</span>
    </div>

      <div class="footer_top">
            <div class="center">
                <div class="footer_top_left"></div>
                <div class="footer_top_right">
                    <p>真实存在，真实在售，真实价格，真实图片！<br/>
                        链家郑重向用户承诺：真实房源，假一赔百元！</p>
                    <div class="search">
                        <input type="text" placeholder="请输入链家编号查询真伪...">
                        <a href="#"><i class="fa fa-search"></i></a>
                    </div>
                </div>
            </div>
        </div>
 
</body>
</html>